<!doctype html>
<html>

<head>
  <link rel="stylesheet" href="images.css">
  
  <script src="js/jquery.js"></script>
</head>

<body>
<div class=" logo"></div>
<div class="row">
    <div style="text-align: center;"><input class="rand_btn" id="random" type="image" src="images/random.png"/></div>

    <div class="column left">
            <input class="btn" id="previous" type="image" src="images/left.png"/>
    </div>

    <div class="column middle">
        <div id="outer"  style="width: 400px; height: 400px; text-align: center;">
            <div id="inner" style="width: 100%; max-height: 100%; text-align: center;"></div>
        </div>
    </div>

    <div class="column right">
        <input class="btn" id="next" type="image" src="images/right.png"/>
    </div>
</div>
<font face="Comic Sans MS" size="3"><p id="credits" align="center"></p></font>
	<br><br>
<script src="images.js"></script>
</body>

</html>